

//common style
*{
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
}

::-moz-selection{
  background:rgba(0,0,0,0.4);
  color:lighten($clr-a,11%);
}
::seletcion{
  background:rgba(0,0,0,0.4);
  color:lighten($clr-a,11%);
}

body {
  min-width:1110px;
  padding: 0px 0 20px 0px;
  margin: 0px;
  font:18px/1.5 $font-regular;
  color: $clr-bodyforeground;
  font-weight: normal;
  background: $clr-bodybackground;
  background-attachment: fixed !important;
  background-image:url("../images/parallax-back.png");
}

h1, h2, h3, h4, h5, h6 {
  color: $clr-headers;
  font-family: $font-regular;
}

p, ul, ol, table, pre, dl {
  margin: 0 0 20px;
}

a {
  color: $clr-a;
  font-weight: 400;
  text-decoration: none;
}
a:hover {
  color: $clr-a-hover;
}

a small {
  font-size: 11px;
  color: #666;
  margin-top: -0.6em;
  display: block;
}

ul {
  list-style-image: url("../images/bullet.png");
}

strong {
  font-family: 'OpenSansBold', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: normal;
}

section img {
  max-width: 100%;
}

blockquote {
  border-left: 3px solid $clr-blockquote-border;
  margin: 0;
  padding: 0 0 0 20px;
  font-style: italic;
}

code {
  font-family: $font-mono;
  color: $clr-code-foreground;
  font-size: 13px;
  margin: 0 4px;
  padding: 4px 6px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}

pre {
  padding: 8px 15px;
  background: $clr-pre-background;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid $clr-pre-border;
  @include box-shadow( inset 0 1px 3px rgba(0, 0, 0, 0.3) );
  overflow: auto;
  overflow-y: hidden;
}
pre code {
  color: #efefef;
  text-shadow: 0px 1px 0px #000;
  margin: 0;
  padding: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
}

th {
  text-align: left;
  padding: 5px 10px;
  border-bottom: 1px solid $clr-table-border;
  color: $clr-th;
  font-family: $font-semibold;
  font-weight: normal;
}

td {
  text-align: left;
  padding: 5px 10px;
  border-bottom: 1px solid $clr-table-border;
}

hr {
  border: 0;
  outline: none;
  height: 3px;
  background: transparent url("../images/hr.gif") center center repeat-x;
  margin: 0 0 20px;
}

dt {
  color: $clr-dt;
  font-family: $font-semibold;
  font-weight: normal;
}


section{overflow:hidden;}
.align-left{
  text-align:left !important;
}
.align-right{
  text-align:right !important;
}
